<?xml version="1.0" encoding="UTF-8"?>
<nifty-styles>
  <style id="nifty-drop-down#panel">
    <attributes childLayout="horizontal" height="23px" focusable="true" visibleToMouse="true" />
    <effect>
	  <onHover name="border" color="#822f" post="true" />
    </effect>
  </style>

  <style id="nifty-drop-down#panel-text">
    <attributes childLayout="center" visibleToMouse="true" childClip="true" backgroundColor="#666f" padding="0px,2px" width="*" />
    <effect>
      <onActive name="border" color="#222f" post="true" inset="1px" />
      <onFocus name="colorBar" color="#800f" post="true" inset="1px" />
      <onEnabled name="renderQuad" startColor="#2228" endColor="#2220" post="true" length="150" />
      <onDisabled name="renderQuad" startColor="#2220" endColor="#2228" post="true" length="150" />
    </effect>
  </style>

  <style id="nifty-drop-down#text" base="base-font">
    <attributes color="#000f" selectionColor="#f00f" visibleToMouse="false" align="left" valign="center" textHAlign="left" height="23px" />
    <effect>
      <onFocus name="textColor" post="false" color="#cccf" />
    </effect>
  </style>
  
  <style id="nifty-drop-down#panel-icon">
    <attributes childLayout="center" />
  </style>

  <style id="nifty-drop-down#icon">
    <attributes filename="scrollbar/scrollbar.png" width="23px" height="23px" imageMode="sprite:23,23,0" visibleToMouse="true" />
    <effect>
      <onClick name="focus" targetElement="#parent" />
      <onClick name="imageOverlay" filename="scrollbar/scrollbar.png" imageMode="sprite:23,23,2" post="true" />
      <onFocus name="imageOverlay" filename="scrollbar/scrollbar.png" imageMode="sprite:23,23,1" post="true" />
      <onEnabled name="renderQuad" startColor="#2228" endColor="#2220" post="true" length="150" />
      <onDisabled name="renderQuad" startColor="#2220" endColor="#2228" post="true" length="150" />
    </effect>
  </style>

  <style id="nifty-drop-down#list-panel">
    <attributes childLayout="vertical" width="*" />
    <effect>
      <onStartScreen name="clip" length="150" inherit="true" post="false" />
      <onStartScreen name="move" length="150" timeType="exp" factor="2.5" mode="fromOffset" offsetY="-100" inherit="true" />
      <onStartScreen name="fade" length="150" startColor="#0000" endColor="#000c" inherit="true"/>
      <onEndScreen name="clip" length="150" inherit="true" post="false" />
      <onEndScreen name="move" length="150" timeType="exp" factor="2.5" mode="toOffset" offsetY="-100" inherit="true"/>
    </effect>
  </style>

  <style id="nifty-drop-down#text-item" base="base-font">
    <attributes textHAlign="left" textVAlign="center" width="100%" />
    <effect>
      <onHover name="focus" />
      <onFocus name="colorBar" color="#000f" post="false" />
    </effect>
  </style>
</nifty-styles>
